<template>
  <div class="container" >
    <div class="modify-meterial">
        <div class="cell-list">
            <div class="card-header">
                <div class="card-title">
                    <span>1.门急诊病例</span>
                    <div class="error"></div>
                </div>
                <div class="right-content">
                    <div class="num">6</div>
                    <div class="icon">
                        <img class="upload-icon" :src="iconUpload1Url" alt="">
                    </div>
                </div>
            </div>
            <div class="image-content">
                <div class="image-cell"><img src="http://img0.imgtn.bdimg.com/it/u=303547973,1237632685&fm=26&gp=0.jpg" alt=""></div>
                <div class="image-cell"><img src="http://img0.imgtn.bdimg.com/it/u=303547973,1237632685&fm=26&gp=0.jpg" alt=""></div>
                <div class="image-cell"><img src="http://img0.imgtn.bdimg.com/it/u=303547973,1237632685&fm=26&gp=0.jpg" alt=""></div>
                <div class="image-cell"><img src="http://img0.imgtn.bdimg.com/it/u=303547973,1237632685&fm=26&gp=0.jpg" alt=""></div>
                <div class="image-cell"><img src="http://img0.imgtn.bdimg.com/it/u=303547973,1237632685&fm=26&gp=0.jpg" alt=""></div>
            </div>
        </div>

        <div class="cell-list">
            <div class="card-header">
                <div class="card-title">
                    <span>2.门急诊病例</span>
                    <div class="error"></div>
                </div>
                <div class="right-content">
                    <div class="num">6</div>
                    <div class="icon">
                        <img class="upload-icon" :src="iconUpload1Url" alt="">
                    </div>
                </div>
            </div>
            <div class="image-content">
                <div class="image-cell"><img src="http://img0.imgtn.bdimg.com/it/u=303547973,1237632685&fm=26&gp=0.jpg" alt=""></div>
                <div class="image-cell"><img src="http://img0.imgtn.bdimg.com/it/u=303547973,1237632685&fm=26&gp=0.jpg" alt=""></div>
                <div class="image-cell"><img src="http://img0.imgtn.bdimg.com/it/u=303547973,1237632685&fm=26&gp=0.jpg" alt=""></div>
            </div>
        </div>

        <div class="cell-list">
            <div class="card-header">
                <div class="card-title">
                    <span>2.门急诊病例</span>
                    <div class="error"></div>
                </div>
                <div class="right-content">
                    <div class="num">6</div>
                    <div class="icon">
                        <img class="upload-icon" :src="iconUpload1Url" alt="">
                    </div>
                </div>
            </div>
        </div>

         <div class="cell-list">
            <div class="card-header">
                <div class="card-title">
                    <span>2.门急诊病例</span>
                    <div class="error"></div>
                </div>
                <div class="right-content">
                    <div class="num">6</div>
                    <div class="icon">
                        <img class="upload-icon" :src="iconUpload1Url" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="cell-list">
            <div class="card-header">
                <div class="card-title">
                    <span>2.门急诊病例</span>
                    <div class="error"></div>
                </div>
                <div class="right-content">
                    <div class="num">6</div>
                    <div class="icon">
                        <img class="upload-icon" :src="iconUpload1Url" alt="">
                    </div>
                </div>
            </div>
        </div>

        <div class="cell-list btn">
            <img class="add-icon"  :src="addUrl" alt="">
            <div class="text">添加其他材料</div>
        </div>
        <buttomBtn title="提交" @handleClick='handleClick'></buttomBtn>
    </div>
  </div>
</template>

<script>
import buttomBtn from '@/components/Bbutton'
import iconUpload1Url from 'static/image/upload.png'
import iconUpload2Url from 'static/image/upload2.png'
import infoUrl from 'static/image/info.png'
import addUrl from 'static/image/add.png'
export default {
    data () {
        return {
            motto: 'Hello World',
            info: {
                name: ''
            },
            iconUpload1Url,
            iconUpload2Url,
            infoUrl,
            addUrl
        }
    },

    components: {
        buttomBtn
    },

    methods: {
        bindViewTap () {
            const url = '../logs/index'
            wx.navigateTo({ url })
        },
        sendup () {
            console.log('qqqq')
        }
    },

    mounted () {
        console.log(this.$root.$mp)
    }
}
</script>

<style lang='stylus' scoped>
.modify-meterial
    width 750rpx
    display flex
    flex-direction column
    padding 25rpx 0 0
    .cell-list
        background #fff
        margin 0 22rpx 15rpx
        display flex
        flex-direction column
        &.btn
            border 1rpx dashed #dadada
            color #c9c9c9
            display flex
            flex-direction row
            justify-content center
            text-align center
            height 100rpx
            line-height 100rpx
            .add-icon
                width 28rpx
                height 28rpx
                margin-right 10rpx
                margin-top 35rpx
            .text
                display inline-block
                font-size 28rpx
        .card-header
            height 100rpx
            line-height 100rpx
            padding 0 20rpx 0 30rpx
            border-bottom 1rpx solid #f2f2f2
            display flex
            justify-content space-between
        .right-content
            display flex
            .num
                position relative
                color #2070fd
                margin-right 31rpx
                height 42rpx
                width 42rpx
                border-radius 50%
                border 1rpx solid #2070fd
                margin-top:20rpx
                line-height:44rpx
                text-align:center
            .icon
                .upload-icon
                    width 37rpx
                    height 36rpx
        .image-content
            padding 20rpx 20rpx 20rpx 30rpx
            display flex
            flex-wrap wrap
            justify-content flex-start
            .image-cell
                width 32%
                height 210rpx
                margin 0 8rpx 10rpx 0
                img
                    width 100%
                    height 100%

</style>
